<template>
	<view class="content">
		<view class="box" @click="tomap">
			进入地图
		</view>
		<button @click="out">退出登陆</button>
	</view>
</template>

<script>
	import {out} from '../../js/api.js'
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
          tomap(){
			  uni.navigateTo({
			  	url:'../map/map'
			  })
		  },
		  out(){
			 out() 
		  }
		}
	}
</script>

<style scoped>
	.content {
		background-image: linear-gradient(#6063DB, #759AF8);
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.box{
		width: 90%;
		height:200rpx;
		line-height: 200rpx;
		text-align: center;
		font-size: 42rpx;
		color: #6C83ED;
		background: #fff;
		margin-top: 20rpx;
		border-radius: 10rpx;
		box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.6);
	}
	
	button {
		width:90%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		background: #FFFEFF;
		box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.6);
		border-radius: 10px;
	    font-size:40rpx;
		color: #6C83ED;
		margin-top:60rpx;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
</style>
